<template>
  <div>
    {{$t('exchange.exchange')}}
  </div>
</template>
<script setup>


</script>

<style scoped>

.colon {
  display: inline-block;
  margin: 0 4px;
  color: #ee0a24;
}
.block {
  display: inline-block;
  width: 22px;
  color: #fff;
  font-size: 12px;
  text-align: center;
  background-color: #ee0a24;
}

.page {
  z-index: 1;
  position: relative;
  width: 375px;
  height: 779px;
  overflow: hidden;
  /*background: #14171A;*/
  background: #0A0F13;
}

.layer1 {
  z-index: auto;
  width: 375px;
  height: 779px;
}

.mod1 {
  z-index: 2;
  height: 64px;
  background-color: rgba(255, 255, 255, 1);
  width: 375px;
}

.bd1 {
  z-index: auto;
  width: 364px;
  height: 14px;
  margin: 4px 0 0 6px;
}

.main1 {
  z-index: 18;
  width: 17px;
  height: 10px;
  /*background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngb6b55652f2f08145f1d49572d13078e588bb8335fb529b5d2ab0fadf0c8b5e4f)*/
  /*100% no-repeat;*/
  margin-top: 1px;
}

.word1 {
  z-index: 17;
  width: 40px;
  height: 14px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(3, 3, 3, 1);
  font-size: 12px;
  font-family: Helvetica;
  white-space: nowrap;
  line-height: 14px;
  margin-left: 3px;
}

/*.main2 {*/
/*  z-index: 23;*/
/*  width: 15px;*/
/*  height: 10px;*/
/*  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngd9803e4995c635e3e03c5ce32c50dd713fb4d97a0f52570dc4874bd116619928)*/
/*  0px 0px no-repeat;*/
/*  margin: 1px 0 0 6px;*/
/*}*/

.txt1 {
  z-index: 14;
  width: 49px;
  height: 14px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(3, 3, 3, 1);
  font-size: 12px;
  font-family: Helvetica;
  white-space: nowrap;
  line-height: 14px;
  text-align: center;
  margin-left: 76px;
}

.main3 {
  z-index: 13;
  width: 6px;
  height: 10px;
  /*background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng3741150614d5b7cb906a49a7ef71afa54538294612971ceb379a5826f508596f)*/
  /*0px -1px no-repeat;*/
  margin: 1px 0 0 87px;
}

.info1 {
  z-index: 12;
  width: 33px;
  height: 14px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(3, 3, 3, 1);
  font-size: 12px;
  font-family: Helvetica;
  white-space: nowrap;
  line-height: 14px;
  text-align: right;
  margin-left: 2px;
}

.icon1 {
  z-index: 6;
  width: 27px;
  height: 12px;
  margin-left: 3px;
}

.bd2 {
  z-index: auto;
  width: 35px;
  height: 25px;
  margin: 13px 0 0 170px;
}

.word2 {
  z-index: 28;
  width: 35px;
  height: 25px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 18px;
  /*letter-spacing: 0.2160000056028366px;*/
  /*font-family: PingFangTC-Regular;*/
  white-space: nowrap;
  line-height: 25px;
  text-align: center;
}

.mod2 {
  z-index: 30;
  width: 375px;
  height: 1px;
  background-color: rgba(249, 250, 251, 1);
  margin-top: 2px;
}

.mod3 {
  z-index: 29;
  width: 374px;
  height: 49px;
  background-color: rgba(255, 255, 255, 1);
  align-self: flex-start;
  margin-top: 2px;
}

.mod4 {
  z-index: 27;
  height: 661px;

  background-image: linear-gradient(to top, #0A0F13,#14171A);
  /*background: #3369F2 ;*/
  /*background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngf5766fc9037ed84f28f4491865456f708d6786934f325694da390347564f4366)*/
  /*100% no-repeat;*/
  width: 375px;
  justify-content: flex-start;
  padding-top: 18px;
  align-items: center;
}

.bd3 {
  z-index: auto;
  width: 345px;
  height: 613px;
}

.group1 {
  z-index: auto;
  width: 275px;
  height: 31px;
  margin-left: 34px;
  justify-content: space-between;
}

.info2 {
  z-index: 31;
  /*width: 45px;*/
  height: 30px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 22px;
  letter-spacing: 0.2639999985694885px;
  font-family: PingFangTC-Medium;
  white-space: nowrap;
  line-height: 30px;
  text-align: center;
}

.txt2 {
  z-index: 32;
  /*width: 45px;*/
  height: 30px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 0.49);
  font-size: 22px;
  /*letter-spacing: 0.2639999985694885px;*/
  /*font-family: PingFangTC-Regular;*/
  white-space: nowrap;
  line-height: 30px;
  text-align: center;
  margin-top: 1px;
}

/*.group2 {*/
/*  z-index: 77;*/
/*  width: 50px;*/
/*  height: 1px;*/
/*  border-radius: 0.5px 0.5px 0.5px 0.5px;*/
/*  background-color: rgba(255, 255, 255, 1);*/
/*  align-self: flex-start;*/
/*  margin: 1px 0 0 31px;*/
/*}*/
.tab-bottom-border{
  border-bottom: 1px solid #fff;
}
.group3 {
  z-index: 33;
  height: 566px;
  border-radius: 8px;
  /*border: 0.5px solid;*/
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  background: #fff;
  /*background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng83d3a970fc30163589fb173dab82af186586e499398c9030fbbd17d7242fc67b) -10px -8px*/
  /*no-repeat;*/
  margin-top: 19px;
  width: 345px;
  justify-content: flex-start;
  padding-top: 20px;
  align-items: center;
  position: relative;
}

.bd4 {
  z-index: auto;
  width: 298px;
  height: 130px;
}

.bd5 {
  z-index: auto;
  width: 224px;
  height: 42px;
  margin-left: 41px;
}

.label1 {
  z-index: 65;
  width: 42px;
  height: 42px;
}

.label2 {
  z-index: 67;
  width: 32px;
  height: 12px;
  margin: 25px 0 0 50px;
}

.block1 {
  z-index: 71;
  width: 39px;
  height: 39px;
  background-color: rgba(255, 255, 255, 1);
  border-radius: 50%;
  margin: 2px 0 0 61px;
}

.bd6 {
  z-index: auto;
  width: 222px;
  height: 15px;
  justify-content: space-between;
  margin: 5px 0 0 47px;
}

.word3 {
  z-index: 64;
  width: 31px;
  height: 15px;
  display: block;
  overflow-wrap: break-word;
  color: #FDD42E;
  font-size: 14px;
  white-space: nowrap;
  line-height: 14px;
  text-align: center;
}

.word4 {
  z-index: 66;
  width: 49px;
  height: 15px;
  display: block;
  overflow-wrap: break-word;
  color: #FDD42E;
  font-size: 14px;
  white-space: nowrap;
  line-height: 14px;
  text-align: center;
}

.bd7 {
  z-index: auto;
  width: 298px;
  height: 18px;
  margin-top: 15px;
  justify-content: space-between;
}

.mod5 {
  z-index: 74;
  height: 18px;
  border-radius: 9px;
  background-color: rgba(245, 245, 245, 1);
  width: 240px;
  align-items: flex-start;
}

.mod55 {
  z-index: 74;
  height: 12px;
  margin-top: 3px;
  border-radius: 9px;
  /*background-color: rgba(245, 245, 245, 1);*/
  width: 240px;
  align-items: flex-start;
}

.layer2 {
  z-index: 75;
  height: 18px;
  border-radius: 9px;
  /*background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng554caccab674aab15b8e3d935973ba5e41e74b7d099b0de9d45d5563f49e1a51)*/
  /*100% no-repeat;*/
  background-size: 100% 100%;
  width: 120px;
  justify-content: center;
  align-items: flex-end;
  padding-right: 10px;
}

.txt3 {
  z-index: 76;
  width: 27px;
  height: 17px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 12px;
  white-space: nowrap;
  line-height: 17px;
  text-align: center;
}

.word5 {
  z-index: 63;
  width: 50px;
  height: 16px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 11px;
  white-space: nowrap;
  line-height: 16px;
  text-align: center;
  margin-top: 1px;
}

.info3 {
  z-index: 78;
  width: 140px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: #FDD42E;
  font-size: 14px;
  white-space: nowrap;
  line-height: 20px;
  text-align: center;
  align-self: center;
  margin-top: 8px;
}

.icon2 {
  z-index: 72;
  position: absolute;
  left: 248px;
  top: 21px;
  width: 40px;
  height: 40px;
}

.bd8 {
  z-index: 46;
  position: absolute;
  left: 9px;
  top: 165px;
  width: 327px;
  height: 1px;
  border-bottom: 1px solid #F3F5F9;
  /*background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngaaa4ccb18b5717fc3c30c8fd178ba0fca60e26f841c5baa2013f2ac3901d7d57) -1px*/
  /*0px no-repeat;*/
}

.word6 {
  z-index: 43;
  position: absolute;
  left: 15px;
  top: 185px;
  width: 29px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 14px;
  /*letter-spacing: 0.1679999977350235px;*/
  /*font-family: PingFangTC-Regular;*/
  white-space: nowrap;
  line-height: 20px;
  text-align: center;
}

.word7 {
  z-index: 45;
  position: absolute;
  right: 45px;
  /*left: 159px;*/
  top: 185px;
  /*width: 141px;*/
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 14px;
  /*letter-spacing: 0.1679999977350235px;*/
  /*font-family: PingFangTC-Regular;*/
  white-space: nowrap;
  line-height: 20px;
  text-align: center;
}

.icon3 {
  z-index: 53;
  position: absolute;
  /*left: 310px;*/
  top: 187px;
  width: 20px;
  height: 16px;
  right: 15px;
}

.word8 {
  z-index: 44;
  position: absolute;
  /*left: 15px;*/
  left: 0;
  top: 225px;
  width: 171px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(204, 204, 204, 1);
  font-size: 14px;
  /*letter-spacing: 0.1679999977350235px;*/
  /*font-family: PingFangTC-Regular;*/
  white-space: nowrap;
  line-height: 20px;
  text-align: center;
}

.txt4 {
  z-index: 35;
  position: absolute;
  left: 287px;
  top: 227px;
  width: 43px;
  height: 16px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 14px;
  white-space: nowrap;
  line-height: 16px;
  text-align: center;
}

.bd9 {
  z-index: 48;
  position: absolute;
  left: 9px;
  top: 255px;
  width: 327px;
  height: 1px;
  border-bottom: 1px solid #F3F5F9;
  /*background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngaaa4ccb18b5717fc3c30c8fd178ba0fca60e26f841c5baa2013f2ac3901d7d57) -1px*/
  /*0px no-repeat;*/
}

.label3 {
  z-index: 49;
  position: absolute;
  left: 162px;
  top: 270px;
  width: 20px;
  height: 33px;
}

.info4 {
  z-index: 47;
  position: absolute;
  left: 97px;
  top: 318px;
  width: 150px;
  height: 21px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 15px;
  /*letter-spacing: 0.18000000715255737px;*/
  /*font-family: PingFangTC-Regular;*/
  white-space: nowrap;
  line-height: 21px;
  text-align: center;
}

.label4 {
  z-index: 59;
  position: absolute;
  left: 162px;
  top: 354px;
  width: 20px;
  height: 33px;
}

.word9 {
  z-index: 38;
  position: absolute;
  left: 15px;
  top: 402px;
  width: 43px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 14px;
  /*letter-spacing: 0.1679999977350235px;*/
  /*font-family: PingFangTC-Regular;*/
  white-space: nowrap;
  line-height: 20px;
  text-align: center;
}

.word10 {
  z-index: 39;
  position: absolute;
  /*left: 15px;*/
  left: 0;
  top: 442px;
  /*width: 71px;*/
  width: 171px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(204, 204, 204, 1);
  font-size: 14px;
  /*letter-spacing: 0.1679999977350235px;*/
  /*font-family: PingFangTC-Regular;*/
  white-space: nowrap;
  line-height: 20px;
  text-align: center;
}

.word11 {
  z-index: 37;
  position: absolute;
  /*left: 244px;*/
  right: 10px;
  top: 443px;
  /*width: 83px;*/
  height: 16px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 14px;
  white-space: nowrap;
  line-height: 16px;
  text-align: center;
}

.bd10 {
  z-index: 42;
  position: absolute;
  left: 9px;
  top: 472px;
  width: 327px;
  height: 1px;
  border-bottom: 1px solid #F3F5F9;
  /*background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngaaa4ccb18b5717fc3c30c8fd178ba0fca60e26f841c5baa2013f2ac3901d7d57) -1px*/
  /*0px no-repeat;*/
}

.bd11 {
  z-index: 40;
  height: 44px;
  border-radius: 5px;
  background-color: #FDD42E;
  width: 315px;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 14px;
  top: 502px;
}

.word12 {
  z-index: 41;
  width: 68px;
  height: 24px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 17px;
  white-space: nowrap;
  line-height: 24px;
  text-align: center;
}

</style>
